@charset "UTF-8";
@import "./header.scss";
@import "./footer.scss";
body {
    min-width: 1280px;
    background-color: #ebebeb;
}

.web {
    main {
        .bj {
            background-image: url(../img/4bg.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            .top {
                margin-left: 19.8vw;
                p,
                span {
                    margin: 1vw 0.8vw;
                    display: inline-block;
                    font-size: 12px;
                    line-height: 16px;
                    color: #ffffff;
                }
            }
            .bottom {
                h1 {
                    margin-top: 7vw;
                    margin-left: 20.67vw;
                    font-size: 3.2vw;
                    line-height: 1.2vw;
                    color: #ffffff;
                }
                h2 {
                    margin-top: 1.4vw;
                    margin-left: 20.67vw;
                    font-weight: 300;
                    font-size: 1.44vw;
                    line-height: 1.2vw;
                    color: #ffffff;
                }
                h3 {
                    margin-top: 1.4vw;
                    margin-left: 20.67vw;
                    font-size: 1.47vw;
                    line-height: 1.2vw;
                    color: #ffffff;
                }
                img {
                    display: block;
                    margin-top: 2.6vw;
                    margin-left: 20.8vw;
                }
                .two {
                    margin-top: 1.6vw;
                    margin-left: 20.73vw;
                    .an {
                        margin: 0.2vw;
                        display: inline-block;
                        width: 7.47vw;
                        height: 2.6vw;
                        background-color: #00497d;
                        text-align: center;
                        line-height: 2.6vw;
                        border-radius: 0.33vw;
                        a {
                            font-size: 0.8vw;
                            line-height: 1.2vw;
                            letter-spacing: 0.04vw;
                            color: #ffffff;
                        }
                    }
                }
                .blue {
                    position: relative;
                    img {
                        margin: 8.7vw auto 0;
                    }
                    p {
                        position: absolute;
                        top: .25vw;
                        left: 23vw;
                        font-size: 0.8vw;
                        line-height: 2vw;
                        color: #ffffff;
                    }
                }
            }
        }
        .zhong {
            display: flex;
            justify-content: space-around;
            padding: 0 12vw;
            box-sizing: border-box;
            .small {
                margin-top: 4.6vw;
                text-align: center;
                width: 20vw;
                display: inline-block;
                box-shadow: 0vw 0.07vw 1vw 0vw rgba(57, 45, 45, 0.21);
                border-style: solid;
                border-width: 0.07vw;
                border-image-source: linear-gradient(0deg, #e0e0e0 0%, #b5bdc7 18%, #d0d6da 90%, #ffffff 100%);
                border-image-slice: 1;
                .top {
                    img {
                        width: 100%;
                        height: 9.67vw;
                    }
                }
                .bottom {
                    h5 {
                        margin-top: 1.6vw;
                        font-size: 1.2vw;
                        line-height: 2vw;
                        color: #12151c;
                    }
                    p {
                        margin: 1vw 2vw 2vw;
                        font-size: 0.73vw;
                        line-height: 1.2vw;
                        color: #525252;
                        opacity: 0.9;
                    }
                }
            }
        }
        .ditu {
            h2 {
                margin-top: 6vw;
                margin-bottom: 1vw;
                text-align: center;
                font-size: 2vw;
                line-height: 2vw;
                letter-spacing: 0.2vw;
                color: #12151c;
            }
            .big {
                display: flex;
                .left {
                    margin-left: 17.07vw;
                    img {
                        width: 34vw;
                        height: 19.6vw;
                    }
                }
                .right {
                    margin-top: 5.15vw;
                    margin-left: 6.27vw;
                    h3 {
                        margin-bottom: 1.6vw;
                        font-size: 1.2vw;
                        line-height: 2vw;
                        color: #12151c;
                    }
                    p {
                        font-size: 0.93vw;
                        line-height: 2vw;
                        color: #525252;
                        opacity: 0.9;
                    }
                    .liao {
                        display: inline-block;
                        text-align: center;
                        margin-top: 1.6vw;
                        width: 9vw;
                        height: 3.07vw;
                        line-height: 3.07vw;
                        background-image: linear-gradient(0deg, #00497d 0%, #3e8fc9 100%), linear-gradient( #000000, #000000);
                        background-blend-mode: normal, normal;
                        box-shadow: 0vw 0vw 0.13vw 0vw rgba(0, 0, 0, 0.66);
                        border-radius: 0.33vw;
                        a {
                            font-size: 0.93vw;
                            line-height: 1.2vw;
                            letter-spacing: 0.05vw;
                            color: #ffffff;
                        }
                    }
                    .fen {
                        margin-top: 1.6vw;
                        display: inline-block;
                        text-align: center;
                        width: 9vw;
                        height: 3.07vw;
                        line-height: 3.07vw;
                        background-image: linear-gradient(0deg, #121313 0%, #525354 100%), linear-gradient( #000000, #000000);
                        background-blend-mode: normal, normal;
                        box-shadow: 0vw 0vw 0.13vw 0vw rgba(0, 0, 0, 0.66);
                        border-radius: 0.33vw;
                        a {
                            font-size: 0.93vw;
                            line-height: 1.2vw;
                            letter-spacing: 0.05vw;
                            color: #ffffff;
                        }
                    }
                }
            }
        }
        .guanzhu {
            h1 {
                margin-top: 4vw;
                text-align: center;
                font-size: 2vw;
                line-height: 2vw;
                letter-spacing: 0.2vw;
                color: #12151c;
            }
            .big {
                padding: 2vw 20vw;
                box-sizing: border-box;
                display: flex;
                justify-content: space-around;
                flex-wrap: wrap;
                .small {
                    margin-right: 3vw;
                    margin-top: 3.2vw;
                    .left {
                        float: left;
                    }
                    .right {
                        float: left;
                        p {
                            width: 6vw;
                            font-size: 0.93vw;
                            line-height: 1.2vw;
                            color: #525252;
                            opacity: 0.9;
                            margin-left: 1.4vw;
                            margin-top: 2.2vw;
                        }
                        span {
                            margin-left: 1.4vw;
                        }
                    }
                }
            }
        }
    }
}